/* Fonts */
/*通用*/
*{ margin:0; padding:0;}
html{}
body{margin:0;color:#252525; position: relative; font-family: "Arial"; }
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;}
a{text-decoration:none;  text-shadow:none;font-weight:normal;}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:Arial, Helvetica, sans-serif;}
a{color:#6c6c6c;text-decoration:none;}
img{border:none; display: block;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}

.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.Huans {-webkit-box-sizing:border-box;box-sizing:border-box;}
/*header*/
.header{width:100%;background:#FFF;}
.headK{position:relative;}
.headO{background:none;}
.hdR{color:#3a3a3a;}
.hdRF a{ display: block;color:#3a3a3a;}
.headO .hdR{color:#FFF;}
.headO .hdRF a{color:#FFF;}
.hdphone{text-align: left;}
a.hdRYA{ display:flex;}
.Menu li{ position: relative}
.MenuA{color:#37383a; position: relative; display: block; }
.MenuA:before{display:block;content:'';position: absolute;transition:0.5s; background:#37383a; width:0;left:0;right:0; margin:0 auto;height:3px;bottom:20px;}
.MenuU li .on,.MenuU li .menuO,.MenuU li .MenuA:hover{}
.MenuU li .on:before,.MenuU li .menuO:before,.MenuU li .MenuA:hover:before{ transition:0.5s;  width:24px;}
/*search*/
.searchK{width:100%; position: relative}
.searchI{ width:100%; flex:1;display: block; background:none; border:none;color:#37383a;}
.searcha{color:#FFF; background:#174098;}
.searcha img{ display:block;}

.searchK ul{width:100%;overflow-y:auto;background-color:rgba(255,255,255,0.9);position:absolute;display:none;z-index: 2;}
.searchK ul li{list-style: none;}
.searchK ul li a{ color:#393d46; display:block;text-decoration:none;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*footer*/
footer {background:#0c1323;}
.ftC{color:#474c58; border-top:1px solid #2c3240}
.ftC a{color:#474c58;}
.ftK h3{color:#d2d5de; font-weight:700;}
.ftKP{ color:#989fae;}


@media  screen and ( min-width:1400px){
.ward{width:1200px; margin:0 auto}
/*header*/
.header{border-bottom:1px solid #e7e7e7;}
/*header*/
.headK{ height:120px;}
.hdlogo{width:200px;}
.hdlogo img{width:100%; display: block;}

.hdR{font-size: 13px;}
.hdRF{line-height:24px;}
.hdRF a:hover{text-decoration:underline;}
.hdRF p{ padding:0 6px;}
.hdphone{  line-height:24px;}
.hdRYA img{width:16px; margin-right:6px;}

.Menu{}
.Menu li{ margin-left:50px;}
.Menu li:first-child{margin-left:0;}
.MenuA{ line-height:30px;font-size:14px;}
/*search*/
.search{width:414px; }
.searchK{height:46px; border:1px solid #ededed; border-radius:3px;}
.searchI{padding:0 16px;line-height:30px; height:30px; font-size: 14px;}
.searcha{height:38px; width:90px; border-radius:3px; margin-right: 4px;}
.searcha img{width: 20px;}
.searcha p{ font-size: 14px; line-height:24px;}
	
.searchK ul{padding:15px 0;max-height:230px;margin-top:2px;border-radius:5px; top:70px;}
.searchK ul li{text-indent:10px; font-size:14px; padding:0 30px;}
.searchK ul li a{ line-height:40px;}
.searchK ul li a:hover{color:#174098;}	

.headO{border-bottom:none}

/*footer*/
.ftCK{line-height:30px; padding:15px 0; font-size:12px;}
.ftK{line-height:30px; padding:40px 0 50px; font-size:12px;}
.ftK h3{ font-size:18px; line-height:24px;}
.ftKN{padding-top:15px;}
.ftKP{font-size: 14px; line-height:24px; margin-right: 55px;}
.ftC a:hover{text-decoration:underline;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.ward{width:1080px; margin:0 auto}
/*header*/
.header{border-bottom:1px solid #e7e7e7;}
/*header*/
.headK{ height:102px;}
.hdlogo{width:180px;}
.hdlogo img{width:100%; display: block;}

.hdR{font-size: 13px;}
.hdRF{line-height:22px;}
.hdRF a:hover{text-decoration:underline;}
.hdRF p{ padding:0 5px;}
.hdphone{  line-height:22px;}
.hdRYA img{width:16px; margin-right:5px;}

.Menu{}
.Menu li{ margin-left:40px;}
.Menu li:first-child{margin-left:0;}
.MenuA{ line-height:30px;font-size:14px;}
/*search*/
.search{width:380px; }
.searchK{height:42px; border:1px solid #ededed; border-radius:3px;}
.searchI{padding:0 15px;line-height:30px; height:30px; font-size: 13px;}
.searcha{height:34px; width:80px; border-radius:3px; margin-right:4px;}
.searcha img{width:18px;}
.searcha p{ font-size: 13px; line-height:22px;}
	
.searchK ul{padding:12px 0;max-height:190px;margin-top:2px;border-radius:4px; top:54px;}
.searchK ul li{text-indent:10px; font-size:13px; padding:0 20px;}
.searchK ul li a{ line-height:32px;}
.searchK ul li a:hover{color:#174098;}	

.headO{border-bottom:none}
/*footer*/
.ftCK{line-height:26px; padding:15px 0; font-size:12px;}
.ftK{line-height:26px; padding:35px 0 42px; font-size:12px;}
.ftK h3{ font-size:17px; line-height:24px;}
.ftKN{padding-top:13px;}
.ftKP{font-size: 13px; line-height:22px; margin-right: 50px;}
.ftC a:hover{text-decoration:underline;}
}
@media screen and (max-width:1279px ) and ( min-width:960px){
.ward{width:900px; margin:0 auto}
/*header*/
.header{border-bottom:1px solid #e7e7e7;}
/*header*/
.headK{ height:84px;}
.hdlogo{width:156px;}
.hdlogo img{width:100%; display: block;}
.hdR{font-size: 12px;}
.hdRF{line-height:20px;}
.hdRF a:hover{text-decoration:underline;}
.hdRF p{ padding:0 4px;}
.hdphone{  line-height:20px;}
.hdRYA img{width:14px; margin-right:4px;}
.Menu{}
.Menu li{ margin-left:35px;}
.Menu li:first-child{margin-left:0;}
.MenuA{ line-height:28px;font-size:13px;}
/*search*/
.search{width:300px; }
.searchK{height:38px; border:1px solid #ededed; border-radius:3px;}
.searchI{padding:0 13px;line-height:26px; height:26px; font-size: 12px;}
.searcha{height:30px; width:70px; border-radius:3px; margin-right:4px;}
.searcha img{width:16px;}
.searcha p{ font-size: 12px; line-height:20px;}
.searchK ul{padding:12px 0;max-height:190px;margin-top:2px;border-radius:4px; top:54px;}
.searchK ul li{text-indent:10px; font-size:13px; padding:0 20px;}
.searchK ul li a{ line-height:32px;}
.searchK ul li a:hover{color:#174098;}	
.headO{border-bottom:none}
/*footer*/
.ftCK{line-height:24px; padding:13px 0; font-size:12px;}
.ftK{line-height:24px; padding:30px 0 36px; font-size:12px;}
.ftK h3{ font-size:16px; line-height:22px;}
.ftKN{padding-top:11px;}
.ftKP{font-size: 12px; line-height:20px; margin-right:42px;}
.ftC a:hover{text-decoration:underline;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.ward{width:600px; margin:0 auto}	
/*header*/
.header{border-bottom:1px solid #e7e7e7; }
/*header*/
.headK{ height:70px;position:relative; padding-bottom:56px;}
.hdlogo{width:135px;}
.hdlogo img{width:100%; display: block;}

.hdR{font-size: 12px;}
.hdRF{line-height:20px;}
.hdRF a:hover{text-decoration:underline;}
.hdRF p{ padding:0 4px;}
.hdphone{  line-height:20px;}
.hdRYA img{width:14px; margin-right:4px;}

.Menu{}
.Menu li{ margin-left:35px;}
.Menu li:first-child{margin-left:0;}
.MenuA{ line-height:28px;font-size:13px;}
/*search*/
.search{width:100%; position: absolute;bottom:10px; left:0;}
.searchK{height:38px; border:1px solid #ededed; border-radius:3px;}
.searchI{padding:0 13px;line-height:26px; height:26px; font-size: 12px;}
.searcha{height:30px; width:70px; border-radius:3px; margin-right:4px;}
.searcha img{width:16px;}
.searcha p{ font-size: 12px; line-height:20px;}
.searchK ul{padding:8px 0;max-height:150px;margin-top:2px;border-radius:4px; top:48px;}
.searchK ul li{font-size:12px; padding:0 20px;}
.searchK ul li a{ line-height:26px;}
.searchK ul li a:hover{color:#174098;}	
.headO{border-bottom:none}
/*footer*/
.ftCK{line-height:22px; padding:13px 0; font-size:12px;}
.ftCK p{width:100%;}
.ftK{line-height:22px; padding:25px 0 30px; font-size:12px;}
.ftK h3{ font-size:15px; line-height:20px;}
.ftKN{padding-top:10px;}
.ftKP{font-size: 12px; line-height:20px; margin-right:30px;}
}
@media only screen and (max-width:639px){
/*header*/
.header{border-bottom:0.01rem solid #e7e7e7; }
/*header*/
.headK{ height:0.4rem;position:relative; padding:0 4% 0.36rem;}
.hdlogo{height:0.26rem;}
.hdlogo img{height:100%; display: block;}

.hdR{font-size:0.1rem;}
.hdRF{line-height:0.16rem;}
.hdRF p{ padding:0 0.02rem;}
.hdphone{  line-height:0.16rem;}
.hdRYA img{width:0.12rem; margin-right:0.03rem;}

.Menu{}
.Menu li{ margin-left:0.15rem;}
.Menu li:first-child{margin-left:0;}
.MenuA{ line-height:0.2rem;font-size:0.11rem;}
/*search*/
.search{width:100%; position: absolute;bottom:0.05rem; left:0;}
.searchK{height:0.3rem; border:0.01rem solid #ededed; border-radius:0.03rem; width:92%; margin:0 auto;}
.searchI{padding:0 0.1rem;line-height:0.26rem; height:0.26rem; font-size:0.115rem;}
.searcha{height:0.24rem; width:0.5rem; border-radius:0.03rem; margin-right:0.03rem;}
.searcha img{width:0.12rem;}
.searcha p{ font-size:0.115rem; line-height:0.2rem;}
.searchK ul{padding:0.06rem 0;max-height:0.9rem;border-radius:0.03rem; top:0.33rem;}
.searchK ul li{font-size:0.1rem; padding:0 0.15rem;}
.searchK ul li a{ line-height:0.2rem;}
.headO{border-bottom:none}
/*footer*/
.ftCK{line-height:0.18rem; padding:0.08rem 4%; font-size:0.1rem;}
.ftCK p{width:100%;}
.ftK{line-height:22px; padding:0.18rem 4% 0.2rem; font-size:0.12rem;}
.ftK h3{ font-size:0.13rem; line-height:0.2rem;}
.ftKN{padding-top:0.08rem;}
.ftKP{font-size:0.115rem; line-height:0.2rem;width:100%; margin-bottom:0.02rem}
}


@media screen and (min-width:960px){
.Run{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.Run2 img{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run2 img:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform: rotate(360deg);}
.Run1{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run1:hover img{transform:rotatex(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform: rotateY(180deg);}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.Mover1{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover1:hover{transition:0.5s;ransform:translate(10px,0);-webkit-transform:translate(10px,0);-moz-transform:translate(10px,0);-o-transform:translate(10px,0);-ms-transform:translate(10px,0);}
.enlarge img{ width:100%;transition:0.5s;}
.enlarge:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}
.IndSupA{ width:100%;transition:0.5s;}
.IndSupA:hover{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}

}
html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}
/*出的各分辨率媒体查询换算：*/
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}

/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

left:0;top:50%;transform: translate(0,-50%);

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/